﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Padding</title>

    <link href="boxpadding.css" rel="stylesheet" />
</head>
<body>
    <div class="boxpadding fragment">
        <section aria-label="Main content" role="main">
            <div id="paddingbox">
                <div class="explanation">This div has 60 pixels of padding all the way around. Padding keeps an element's content from butting up against the border.</div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar, urna vehicula condimentum venenatis, risus sapien elementum elit, eget malesuada nibh nisl vitae ipsum. Curabitur velit metus, aliquet a laoreet vel, consectetur eget nulla. Integer convallis, lacus in ultricies elementum, dolor tortor tincidunt ligula, et lobortis metus ipsum et neque. Aliquam ultrices cursus tincidunt. Donec odio est, fermentum porttitor pulvinar sed, fermentum nec ligula. Nam fringilla porttitor eros, eu accumsan dui posuere ac. Maecenas id sem justo. Donec mollis mattis ligula, sed suscipit quam egestas non. </p>
            </div>
        </section>
    </div>
</body>
</html>
